<!DOCTYPE html>
<html class="no-js"> 
    <head>
        <meta charset="utf-8">
        <title>ICOS</title>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
        <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
		<meta name="apple-mobile-web-app-capable" content="yes"/>
	    <meta name="viewport" content = "user-scalable=no, width=device-width"/>
		
		<!-- ESTILOS --->
		<link rel="shortcut icon" href="Cliente/Imagenes/favicon.ico"> 
        <link rel="stylesheet" href="Cliente/Estilo/bootstrap.css">        <!--+--->
        <link rel="stylesheet" href="Cliente/Estilo/font-awesome.css">         <!--iconos--->
        <link rel="stylesheet" href="Cliente/Estilo/template.css">     <!--+--->
        <link rel="stylesheet" media="screen" href="Cliente/Estilo/slide.css" /> <!--slide--->	
	    
		<!-- LIBRERIAS -->		
		<script src="Cliente/Scripts/Librerias/modernizr-2.6.1-respond-1.1.0.min.js"></script>  <!--+--->
		<script type="text/javascript" src="Cliente/Scripts/Librerias/jquery-1.7.1.min.js"></script> <!--+--->
		<script src="Cliente/Scripts/Librerias/bootstrap.js"></script>  <!--+--->	
		<script src="Cliente/Scripts/Librerias/secuence/jquery.sequence-min.js"></script><!--slide--->	
		
		<!-- SCRIPTS -->		
		<script src="Cliente/Scripts/Librerias/secuence/slide.js"></script><!--slide--->				
		<script type="text/javascript" src="Cliente/Scripts/home.js"></script>		
    </head>
    <body>
     
        <div class="site-main" id="sTop">
            <div class="site-header">
                <div class="main-header">
                    <div class="container">                      
					   <div id="menu-wrapper">
                            <div class="row">
                                <div class="logo-wrapper col-md-3 col-sm-4 col-xs-8">
									<a href="#"><img src="Cliente/Imagenes/logo.png"></a>
                                </div> 
                                <div class="col-md-9 col-sm-8 col-xs-4 main-menu text-right">
                                    <ul class="menu-first hidden-sm hidden-xs">
                                        <li class="active"><a href="#">Home</a></li>
                                        <li><a href="#ICOS">¿Qué es ICOS?</a></li>
                                        <li><a href="registrarse">Registrarse</a></li>
                                        <li><a href="login">Ingresar</a></li>        
								     </ul>
									 <a href="#" class="toggle-menu visible-sm visible-xs"><i class="fa fa-bars"></i></a>	
								</div> 
                            </div> 
                        </div>
                        <div class="menu-responsive hidden-md hidden-lg">
                            <ul>
                                <li class="active"><a href="#">Home</a></li>
                                <li><a href="#ICOS">¿Qué es ICOS?</a></li>
                                <li><a href="registrarse">Registrarse</a></li>
                                <li><a href="login">Ingresar</a></li>
                               
                            </ul>
                        </div> <!-- /.menu-responsive -->
                    </div> <!-- /.container -->
                </div> <!-- /.main-header -->
            </div> <!-- /.site-header -->
           
			<div class="sequence-theme cabecera-mobile visible-sm visible-xs" ></div>
	        <div class="sequence-theme hidden-sm hidden-xs">
			<div id="sequence">

				<img class="sequence-prev" src="Cliente/Imagenes/bt-prev.png" alt="Previous Frame" />
				<img class="sequence-next" src="Cliente/Imagenes/bt-next.png" alt="Next Frame" />

				<ul class="sequence-canvas">
					<li class="animate-in">
						<h2 class="title">Hacé TRUEQUES ahora!</h2>
						<h3 class="subtitle">Sólo seguí los pasos <i class="fa  fa-angle-double-right"></i>
								
						</h3>	
						<img class="model" src="Cliente/Imagenes/model1.png" alt="Model 1" />
					</li>
					<li>
					
					<h2 class="title"><span>1</span> Registrate</h2>
					<h3 class="subtitle">Para empezar a utilizar ICOS<br><br>
						<a href="registrarse"><button  class="boton">Click Aquí</button></a>
						</h3>
						<img class="model" src="Cliente/Imagenes/model2.png" alt="Model 2" />
					</li>
					<li>
						<h2 class="title"><span>2</span> Subí tus objetos</h2>
						<h3 class="subtitle">para intercambiarlos</h3>
						<img class="model" src="Cliente/Imagenes/model3.png" alt="Model 3" />
					</li>
					<li>
						<h2 class="title"><span>3</span> Buscá</h2>
						<h3 class="subtitle">lo que necesitás en el mapa</h3>
						<img class="model" src="Cliente/Imagenes/model4.png" alt="Model 2" />
					</li>
					<li>
						<h2 class="title"><span>4</span> Proponé y comunicate</h2>
						<h3 class="subtitle">para hacer el trueque!</h3>
						<img class="model" src="Cliente/Imagenes/model5.png" alt="Model 2" />
					</li>
				</ul>

			</div>
		    </div>
            	   
        </div> <!-- /.site-main -->
        
        <div class="container text-center">
			
			<div class="col-md-6 col-sm-6">
			    <a href="registrarse">
					 <div  id="DivRegistrarse"> 
				      Registrate! <br>
					 <p>Gratis y rápido<p>
					 </div>
				</a>
			</div>
			<div class="col-md-6 col-sm-6">
			    <a href="login">
					 <div  id="Divlogin"> 
				      Entrar! <br>
					 <p>Si ya posees una cuenta<p>
					 </div>
				</a>
			</div>
			
			<div class="truequesRecientes col-md-12">
            
					<div class="tiRecientes">
					TRUEQUES RECIENTES
					</div>
				
				<div class="col-md-6 col-sm-6 col-xs-6">
					<div class="trueque" > 
						 <div class="col-md-5 col-sm-5">
							<img src="Cliente/Imagenes/reloj-pulsera.jpg" />
							<!--div class="nombreProducto"> Reloj </div-->
						 </div>
						 <div class="col-md-2 col-sm-2">
							<div class="flechas">
							<img src="Cliente/Imagenes/flechas.png" />
							</div>
						 </div>
						 <div class="col-md-5 col-sm-5">
							<div class="imagen"><img src="Cliente/Imagenes/pulsera.jpg" /> </div>
							
						 </div>
					 </div>
				</div>
				<div class="col-md-6 col-sm-6 col-xs-6">
					<div class="trueque"> 
						 <div class="col-md-5 col-sm-5">
							<img src="Cliente/Imagenes/peluqueria.jpg" />
							
						 </div>
						 <div class="col-md-2 col-sm-2">
							 <div class="flechas">
								<img src="Cliente/Imagenes/flechas.png" />
							</div>
						 </div>
						 <div class="col-md-5 col-sm-5">
							<div class="imagen"><img src="Cliente/Imagenes/blazer.jpg" /> </div>
							
						 </div>
					 </div>
				</div>
				<div class="col-md-6 col-sm-6 col-xs-6">
					<div class="trueque"> 
						 <div class="col-md-5 col-sm-5">
							<img src="Cliente/Imagenes/mueble.jpg" />
							
						 </div>
						 <div class="col-md-2 col-sm-2">
							 <div class="flechas">
							<img src="Cliente/Imagenes/flechas.png" />
							</div>
						 </div>
						 <div class="col-md-5 col-sm-5">
							<div class="imagen"><img src="Cliente/Imagenes/sillas.jpg" /> </div>
							
						 </div>
					 </div>
				</div>
				<div class="col-md-6 col-sm-6 col-xs-6">
					  <div class="trueque"> 
						 <div class="col-md-5 col-sm-5">
							<img src="Cliente/Imagenes/cd.jpg" />
							
						 </div>
						 <div class="col-md-2 col-sm-2">
							 <div class="flechas">
								<img src="Cliente/Imagenes/flechas.png" />
							</div>
						 </div>
						 <div class="col-md-5 col-sm-5">
							<div class="imagen"><img src="Cliente/Imagenes/parlantes.jpg" /> </div>
							
						 </div>
					 </div>
				</div>
			</div>
        </div> <!-- /.container -->
        
		
		
        <div class="content-section" id="ICOS">
            <div class="container">
                <div class="row">
                    <div class="heading-section col-md-12 text-center">
                        <h2>¿Qué es ICOS?</h2>
						<div id="slogan">Obtené lo que deseas con cosas que te sobran</div>
						<!--p>Características: </p-->
                    </div> 
                </div> 
                <div class="row">
                    <div class="col-md-4 col-sm-6">
                        <div class="service-item" id="service-1">
                            <div class="service-icon">
                                <i class="fa fa-usd"></i>
                            </div> 
                            <div class="service-content">
                                <div class="inner-service">
                                   <h3>Sin dinero</h3>
                                   <p>ICOS: "Intercambiando Cosas o Servicios”, es un sistema para ahorrar dinero, que permite conseguir objetos o servicios deseados con aquellos bienes que ya no se utilizan. <br> 
								   Los usuarios del sistema podrán ofrecer sus productos e indicar que desean recibir a cambio de estos.
								 
								   </p>
								</div>
                            </div> 
                        </div> 
                    </div> 
                    <div class="col-md-4 col-sm-6">
                        <div class="service-item" id="service-2">
                            <div class="service-icon">
                                <i class="fa fa-search"></i>
                            </div> 
                            <div class="service-content">
                                <div class="inner-service">
                                   <h3>Mapas</h3>
                                   <p>Una herramienta que facilita la búsqueda de productos/servicios. Se podrá buscar lo que se quiere en cualquier parte del mundo!</p> 
                                </div>
                            </div> 
                        </div> 
                    </div> 
                    <div class="col-md-4 col-sm-6">
                        <div class="service-item" id="service-3">
                            <div class="service-icon">
                                <i class="fa fa-bell"></i>
                            </div> 
                            <div class="service-content">
                                <div class="inner-service">
                                   <h3>Ofertar y propuesta</h3>
                                   <p>Los usuarios podrán ofertar productos/servicios a todos los usuarios interesados y hacer propuestas a un determinado producto/servicio para realizar el trueque.
								   Icos mantendra informado de todos estos acontecimientos por medio de alertas. 
								   </p> 
                                </div>
                            </div> 
                        </div> 
                    </div> 
                    <div class="col-md-4 col-sm-6">
                        <div class="service-item" id="service-4">
                            <div class="service-icon">
                                <i class="fa fa-comments"></i>
                            </div> 
                            <div class="service-content">
                                <div class="inner-service">
                                   <h3>Chat</h3>
                                   <p>No existe limitación ni requisito para enviar o recibir mensajes entre usuarios, y si están ambos usuarios conectados podrán enviar mensajes de forma simultánea.</p> 
                                </div>
                            </div> 
                        </div> 
                    </div> 
					<div class="col-md-4 col-sm-6">
                        <div class="service-item" id="service-5">
                            <div class="service-icon">
                                <i class="fa fa-cubes"></i>
                            </div> 
                            <div class="service-content">
                                <div class="inner-service">
                                   <h3>Productos y servicios</h3>
                                   <p>Sin ningún límite en cuanto a cantidad, y sin ningún tipo de tarifa.<br>		  
								   Gestión fácil y rápida de los bienes.
								   </p> 
                                </div>
                            </div> 
                        </div> 
                    </div> 
                    <div class="col-md-4 col-sm-6">
                        <div class="service-item" id="service-6">
                            <div class="service-icon">
                              <i class="fa fa-star"></i>
                            </div> 
                            <div class="service-content">
                                <div class="inner-service">
                                   <h3>Prestigio</h3>
                                   <p>Con cada cierre de trueque los usuarios se podrán puntuar y sumarán puntos de experiencia que los harán más confiables.  
								   </p> 
                                </div>
                            </div> 
                        </div> 
                    </div> 
					<div class="col-md-4 col-sm-6">
                        <div class="service-item" id="service-7">
                            <div class="service-icon">
                              <i class="fa fa-bullhorn"></i>
                            </div> 
                            <div class="service-content">
                                <div class="inner-service">
                                   <h3>Información útil</h3>
                                   <p>Icos ofrece información de trueques similares para la toma de decisiones en el momento de negociar. Viendo otros trueques los usuarios podrán comparar y llegar un trueque justo.<br> 
								  Además se tendrá acceso a estadíticas generales del sistema.
								   </p> 
                                </div>
                            </div> 
                        </div> 
                    </div> 
					<div class="col-md-4 col-sm-6">
                        <div class="service-item" id="service-8">
                            <div class="service-icon">
                              <i class="fa fa-users"></i>
                            </div> 
                            <div class="service-content">
                                <div class="inner-service">
                                   <h3>Redes sociales</h3>
                                   <p>Icos facilitará compartir los productos y servicios ofrecidos en las redes sociales Facebook, Twitter y Google+
								   </p> 
                                </div>
                            </div> 
                        </div> 
                    </div> 
					
					<div class="col-md-4 col-sm-6">
                        <div class="service-item" id="service-9">
                            <div class="service-icon">
                              <i class="fa  fa-tablet"></i>
                            </div> 
                            <div class="service-content">
                                <div class="inner-service">
                                   <h3>Móvil</h3>
                                   <p>Accede al sitio desde cualquier dispositivo con internet<br>en cualquier momento.<br><br>
								      O puedes <a href="Cliente/Recursos/icos.apk">descargar</a> nuestra aplicación para Android<br>									  
								   </p> 
                                </div>
                            </div> 
                        </div>
                    </div> 
                </div> <!-- /.row -->
            </div> <!-- /.container -->
        </div> 
		
			
        <div id="footer">
            <div class="container">
                <div class="row">
                    <div class="col-md-8 col-xs-12 text-left">
                        Copyright © 2014 ICOS. Intercambiando Cosas O Servicios
                    </div> 
                    <div class="col-md-4 hidden-xs text-right">
                        <a href="#top" class="boton">Subir</a>
                    </div> 
                </div> 
            </div> 
        </div> 
        
      
    </body>
</html>